<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <button>点我</button>
    <button>假死</button>
</body>
<script>
    // - 定时器真是定时执行的吗?
    //     - 定时器并不能保证真正定时执行
    //     - 一般会延迟一丁点(可以接受), 也有可能延迟很长时间(不能接受)
    const btns = document.querySelectorAll("button");
    btns[0].onclick = function(){
        let startTime = Date.now();
        let sum=0;
        for(let i=0;i<999999999;i++){
            sum+=Math.random();
        }
        console.log("计算结束：",sum)
        setTimeout(()=>{
            console.log("over",Date.now()-startTime);
        },1000)
    }
    btns[1].onclick = function(){
        console.log("我执行啦！")
    }

    // - 定时器回调函数是在分线程执行的吗?
    //     - 在主线程执行的, js是单线程的。定时器的分线程只是负责计算时间，时间到了以后，将回调函数放置到主线程当中进行排队。
</script>
</html>